﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="archiveElectronicDoc.aspx.cs"
    Inherits="EcaArchive.UI.archive.archiveElectronicDoc" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="Stylesheet" href="../../EcaCSS/archiveCSS/archiveElectronic.css" type="text/css"
        charset="utf-8" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
        <div id="header">
            <table id="nav_table" border="0" cellpadding="2" cellspacing="2">
                <tr>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_bcgf.gif" />
                    </td>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_dzwd.gif" />
                    </td>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_fazl.gif" />
                    </td>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_gcda.gif" />
                    </td>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_gxzy.gif" />
                    </td>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_more.gif" />
                    </td>
                    <td>
                        <img src="../../EcaResource/Image/MainPage/archiveMainPage_nav_blank.gif" />
                    </td>
                </tr>
            </table>
        </div>
        <div id="mainBody">
            <div id="bodyLeft">
                <h1 class="h1">
                    <b>AV控件区</b>
                </h1>
            </div>
            <div id="bodyRight">                
                <div class="box demo1">
                    <ul class="tab_menu">
                        <li class="current">List</li>
                        <li>List1</li>
                        <li>List2</li>
                        <li>List3</li>
                    </ul>
                    <div class="tab_box">
                        <div>
                            <li><span>?</span><a href="#">jquery smartFloat插件制作仿产品列表页默认排序搜索框</a></li>
                            <li><span>?</span><a href="#">jquery 万能float浮动层插件 制作QQ MSN 旺旺在线客服功能</a></li>
                            <li><span>?</span><a href="#">jquery 图片延迟加载插件制作tab选项卡图片异步加载</a></li>
                            <li><span>?</span><a href="#">jquery tab选项卡 ajax选项卡 静态选项卡 鼠标点击选项卡 鼠标滑过选项卡</a></li>
                            <li><span>?</span><a href="#">jquery 输入框提示特效、机票预定智能输入提示、火车预定智能输入提示</a></li>
                        </div>
                        <div class="hide">
                            <ul>
                                <li><span>?</span><a href="#">javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值</a></li>
                                <li><span>?</span><a href="#">javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动</a></li>
                                <li><span>?</span><a href="#">javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动</a></li>
                                <li><span>?</span><a href="#">js多功能选项卡插件 选项卡自动切换内容图片延迟加载</a></li>
                                <li><span>?</span><a href="#"> javascript滚动图片按钮控制图片左右自动滚动</a></li>
                            </ul>
                        </div>
                    </div>
                </div>                
            </div>
        </div>
    </div>    
    </form>

    <script type="text/javascript" src="../../EcaScript/Common/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="../../EcaScript/archiveScript/tabPage/jquery.tabs.js"></script>
    <script type="text/javascript" src="../../EcaScript/archiveScript/tabPage/jquery.lazyload.js"></script>
    <script type="text/javascript">
        $(function () {
            $("img[original]").lazyload({ placeholder: "images/color3.gif" });
            $('.demo1').Tabs();
            $('.demo2').Tabs({
                event: 'click'
            });
            $('.demo3').Tabs({
                timeout: 300
            });
            $('.demo4').Tabs({
                auto: 3000
            });
            $('.demo5').Tabs({
                event: 'click',
                callback: lazyloadForPart
            });
            //部分区域图片延迟加载
            function lazyloadForPart(container) {
                container.find('img').each(function () {
                    var original = $(this).attr("original");
                    if (original) {
                        $(this).attr('src', original).removeAttr('original');
                    }
                });
            }
        });	
    </script>
</body>
</html>
